<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>个人信息补充</title>
    <link rel="stylesheet" href="../assets/weui/lib/weui.min.css">
    <link rel="stylesheet" href="../assets/weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
<div class="padding-bottom">
    <form id="cert-form" action="">

        <div class="weui-cells__title">是否残疾/烈属/孤老<sup>*</sup></div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" id="invest-type" type="text" placeholder="请选择" readonly>
                </div>
            </div>
        </div>

        <div id="canji-show" style="display: none">
            <div class="weui-cells__title">残疾等级情况<sup>*</sup></div>
            <div class="weui-cells weui-cells_form tax-form">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <input class="weui-input" id="canji" type="text" placeholder="请选择" readonly>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-cells__title">基本信息</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">联系电话</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="15757857856">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">邮政编码</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入邮政编码">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">学历</label>
                </div>
                <div class="weui-cell__bd">
                    <select id="" class="weui-select">
                        <option value="0">请选择</option>
                        <option value="1">高中</option>
                        <option value="2">本科</option>
                        <option value="2">硕士</option>
                        <option value="2">博士</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">电子邮箱</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入电子邮箱">
                </div>
            </div>

        </div>


        <div class="com-btn">
            <a href="investors.html" type="submit" class="weui-btn btn-default">下一步</a>
        </div>

    </form>
</div>


@import "footer.html"
<script src="../assets/weui/js/city-picker.min.js" charset="utf-8"></script>
<script src="../assets/nice/jquery.validator.min.js"></script>
<script>
  $(function () {

    function loading(text) {
      var html='<div class="weui-loadmore">\n' +
        '  <i class="weui-loading"></i>\n' +
        '  <span class="weui-loadmore__tips">'+text+'</span>\n' +
        '</div>';
      $('<div id="y-loading">').css({
        position:'fixed',
        zIndex:9999999,
        width:'100%',
        height:'100%',
        left:0,
        top:0,
        color:'#fff',
        background:'rgba(0,0,0,.2)'
      }).append(html).appendTo('body').find('.weui-loadmore').css({
        position:'absolute',
        left:'50%',
        top:'50%',
        transform:'translate(-50%,-50%)',
        '-webkit-transform':'translate(-50%,-50%)'
      });
    }

    function loadingClose() {
      $('#y-loading').fadeOut(200,function () {
        $('#y-loading').remove();
      });
    }

    $('#invest-type').select({
      title: "请选择",
      items: [{
        title: "残疾",
        value: 1
      }, {
        title: "烈属",
        value: 2
      }, {
        title: "孤老",
        value: 3
      }, {
        title: "否",
        value: 4
      }],
      onChange: function (sel) {
//        console.log(sel);

        if(sel.values==1){
//          console.log(1);
          $('#canji-show').show();
          loading('正在处理');
          setTimeout(function () {
//            loadingClose();
          },2000);
        }else {
          $('#canji-show').hide();
          $('#canji').val('');
        }
      }
    });

    $('#canji').select({
      title: "请选择",
      items: [{
        title: "残疾人等级为1-3级",
        value: 1
      }, {
        title: "残疾人等级为4级",
        value: 2
      }, {
        title: "转业、复员、退伍革命伤残巨人等级为1-6级",
        value: 3
      }, {
        title: "转业、复员、退伍革命伤残巨人等级为7-8级",
        value: 4
      }],
      onChange: function (sel) {
//        console.log(sel);
      }
    });

    $("#address").cityPicker({
      title: "请选择省市区"
    });


  })
</script>
</body>
</html>